import React, { useRef, useImperativeHandle, forwardRef } from 'react'
function FancyInput(props, appRef) {
  const inputRef = useRef()
  // 这个hook,可以自定义ref对象的current属性指向的内容
  // 第一个参数,是一个ref对象.可以自定义这个ref对象current属性的值
  // 第二个参数,是一个回调函数,这个函数的返回值什么,则第一个参数的ref的current属性的值就是什么
  useImperativeHandle(appRef, () => ({
    focus: () => {
      inputRef.current.focus()
    },
  }))
  return <input ref={inputRef} />
}
FancyInput = forwardRef(FancyInput)
export default FancyInput
